<template>
    <div class="footer">
      <div class="footer-logo">
        <img src="http://192.168.142.202:9000/img/logo-foot.png" alt="">
        <p>买买买商城</p>

      </div>

      <div class="copyright">
        Copyright ©2021 <span class="domain">losca</span> All Rights Reserved.
      </div>

     

    </div>
</template>

<script>
export default {
  // 放入html被调用的标签名：<nav-footer></nav-footer>
  name: 'nav-footer'
}
</script>
<style lang="scss" scoped>
  @import './../assets/scss/config.scss';
  .footer{
    height:282px;
    border-top:4px solid $colorA;
    background-color:$colorB;
    color:$colorD;
    font-size:16px;
    text-align:center;
    .footer-logo{
      margin-top:46px;
      margin-bottom:31px;
      img{
        width:80px;
        height:80px;
        margin-bottom:13px;
      }
    }
    .footer-link{
      a{
        color:$colorD;
        display:inline-block;
      }
      span{
        margin:0 10px;
      }
      margin-bottom:13px;
    }
    .copyright{
      .domain{
        color:$colorA;
      }
    }

    .footer-last-item {
      float: left;
      .col-content {
        margin-top: -100px;
        margin-left: 1200px;
        .phone-number {
          margin: 0 0 5px;
          font-size: 22px;
          text-align: center;
          margin-bottom: 5px;
          color: #ff6700;
        }
        .phone-desc {
          font-size: 12px;
          line-height: 1.5;
          text-align: center;
          color: #616161;
        }
        .server-btn {
          display: block;
          width: 120px;
          height: 30px;
          line-height: 30px;
          font-size: 12px;
          text-align: center;
          margin: 0 auto;
          border: 1px solid #ff6700;
          color: #ff6700;
          cursor: pointer;
          &:hover {
            background: #ff6700;
            color: #fff;
          }
        }
      }
    }
  }
</style>
